.reset-plan {
  .tag {
    cursor: pointer;
  }

  .desc {
    font-size: 18px;
  }

  .el-form-item__content {
    margin-left: 0 !important;
  }
}

#gantt-site-plan {
  width: 100%;
  flex: 1;
  overflow: hidden;

  .gantt_layout {
    &:nth-child(1) {

      .gantt_row,
      .gantt_grid_data {
        background-color: #f7f6f5;
      }
    }

    /* 隐藏列分隔线 修改默认样式 */
    .gantt_scale_cell,
    .gantt_grid_head_cell {
      background-color: #f7f6f5;
      font-size: 14px;
      color: #666;
      // border: none !important;
    }

    .gantt_task_cell {
      // border: none !important;
    }

    /* 隐藏连接线 */
    .gantt_link_control {
      display: none !important;
    }

    // 任务条样式
    .gantt_bar_task {
      margin-top: 10px !important;
      border-radius: 30px !important;
      background-color: unset !important;
      height: 24px !important;
      transform: translateY(4px) !important;

      .gantt_task_progress_drag {
        display: none !important;
      }

      // 内容
      .gantt_task_content {
        overflow: unset;

        .bars-container {
          position: relative;
          width: 100%;
          height: 100%;
          background: transparent !important;

          .bar-item {
            position: absolute;
            height: 100%;
            border-radius: 12px;

            .information {
              &:before {
                position: absolute;
                content: '';
                background-color: #e12137;
                width: 8px;
                height: 8px;
                border-radius: 50%;
                right: 3px;
                top: -1px;
              }
            }

            .circle-wrap {
              left: 50%;
              position: absolute;
              margin-top: -10px;
              margin-left: -25px;
              display: flex;
              flex-direction: column;
              align-items: center;
              justify-content: space-around;
              width: 50px;
              height: 54px;
              font-size: 12px;
              color: #333;
              z-index: 1;

              .circle {
                border-radius: 50%;
                background-color: #fff;
              }

              .text {
                height: 12px;
                line-height: 12px;
              }
            }
          }
        }
      }
    }

    // 数量
    .count-box {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;

      .count-up {
        color: #23c69f;
      }

      .count-down {
        color: #e12137;
      }
    }
  }

  .gantt_grid_scale,
  .gantt_task_scale {
    border-bottom: none;
  }

  // 选中行的背景色
  .gantt_task_row.odd.gantt_selected,
  .gantt_task_row.gantt_selected {
    background: unset;
  }

  //胶囊色
  .task_left,
  .task_start_date,
  .task_right,
  .task_end_date {
    display: none;
  }

  .task_left,
  .task_start_date {
    left: 0;
  }

  .task_right,
  .task_end_date {
    right: 0;
  }
}

.plan-detail-01 {
  .el-drawer__body {
    background-color: #f5f5f5 !important;
  }
}